<template>
  <a-form ref="formRef" :model="form" :rules="rules" layout="vertical">
    <a-row :gutter="20">
      <a-col :span="8">
        <a-form-item name="zoneCode">
          <template #label>
            <span>
              分区编码
              <a-tooltip v-if="false">
                <template #title></template>
                <QuestionCircleOutlined />
              </a-tooltip>
              <span>：</span>
            </span>
          </template>
          <a-input v-model:value="form.zoneCode" allow-clear placeholder="请输入分区编码" />           
        </a-form-item>
      </a-col>
      <a-col :span="8">
        <a-form-item name="zoneName">
          <template #label>
            <span>
              分区名称
              <a-tooltip v-if="false">
                <template #title></template>
                <QuestionCircleOutlined />
              </a-tooltip>
              <span>：</span>
            </span>
          </template>
          <a-input v-model:value="form.zoneName" allow-clear placeholder="请输入分区名称" />           
        </a-form-item>
      </a-col>
      <a-col :span="8">
        <a-form-item name="remark">
          <template #label>
            <span>
              备注
              <a-tooltip v-if="false">
                <template #title></template>
                <QuestionCircleOutlined />
              </a-tooltip>
              <span>：</span>
            </span>
          </template>
          <a-input v-model:value="form.remark" allow-clear placeholder="请输入备注" />           
        </a-form-item>
      </a-col>
    </a-row>


  </a-form>
</template>

<script setup name="WmMdZoneForm">
import { reactive, ref } from 'vue';


const props = defineProps({
  // 表单数据
  form: Object
});

// 验证规则
const rules = reactive({
  zoneCode: [{ required: true,  message: '请输入分区编码', type: 'string', trigger: 'blur' }],
  zoneName: [{ required: true,  message: '请输入分区名称', type: 'string', trigger: 'blur' }],
});



defineExpose({
})
</script>

<style></style>
